<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Input 属性练习</title>
</head>
<body>
  <label for="colorInput">颜色：</label>
  <input type="color" name="" id="colorInput">

  <label for="dateTimeLocal">日期时间：（谷歌支持，火狐不支持）</label>
  <input type="datetime-local" name="" id="dateTimeLocal">

  <label for="date">日期：</label>
  <input type="date" name="" id="date">

  <label for="email">邮件：</label>
  <input type="email" name="" id="email">
</body>
</html>